<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>应用</title>
	<link rel="stylesheet" href="__CDN__/assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/css/app.css">
    <link rel="stylesheet" href="__CDN__/assets/css/swiper.min.css">
	<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
	<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>

	<style type="text/css">
		
		.footer{
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding-top: 2%;
	position:fixed;
    bottom:0;
}
.footer img{
	width: 40%;
	height: 40%;
}
.footer a{
	color: #777777;
}

	</style>
</head>
<body>
      <div class="app_heard">
      	 <div class="left_img">
      	 	<a href="javascript:history.back();"><img src="__CDN__/assets/img/bikebi/return.png"></a>
      	 </div>
      	 <div class="mid">
      	 	 <p>应用</p>
      	 </div>      	
      	 <div class="right_img">
      	 	<a href=""><img src="__CDN__/assets/img/bikebi/reload.png"></a>
      	 </div>
      </div>
     <!-- 图片 -->
     <div class="app_mid_img">
     <div class="swiper-container">
       <div class="swiper-wrapper">
      <div class="swiper-slide"><a href=""><img src="__CDN__/assets/img/bikebi/app_heard.png" class="img-responsive"></a></div>          
     </div>
     </div>
     </div>

      <!-- 应用入口列表 -->
      <div class="app_nav">
      	<div class="container-fluid">
		<div class="row">
			
			<div class="col-xs-6 app_nav_one" data-toggle="modal" data-target="#myModal">
				
				<img src="__CDN__/assets/img/bikebi/app_nav_01.png" >
			    
			</div>
		    
		
			<div class="col-xs-6 app_nav_one" data-toggle="modal" data-target="#myModal">
				<img src="__CDN__/assets/img/bikebi/app_nav_02.png" >
			</div>
	     
		  </div>

		  <div class="row app_nav_down">
		  	
			<div class="col-xs-6 app_nav_one" data-toggle="modal" data-target="#myModal">
				<img src="__CDN__/assets/img/bikebi/app_nav_03.png" >
			</div>
		  
			<div class="col-xs-6 app_nav_one" data-toggle="modal" data-target="#myModal">
				<img src="__CDN__/assets/img/bikebi/app_nav_04.png" >
			</div>
		    
		  </div>

		<div class="row app_nav_down">
		  	
			<div class="col-xs-6 app_nav_one" data-toggle="modal" data-target="#myModal">
				<img src="__CDN__/assets/img/bikebi/app_nav_05.png" >
			</div>
		  
			<div class="col-xs-6 app_nav_one" data-toggle="modal" data-target="#myModal">
				<img src="__CDN__/assets/img/bikebi/app_nav_06.png" >
			</div>
		
		  </div>
		</div>
      </div>

 {include file="common/footer"} 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="margin-top: 40%;">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">提示信息</h4>
      </div>
      <div class="modal-body">
        正在开发，敬请期待。。。。。
      </div>
    </div>
  </div>
</div>



<script src="__CDN__/assets/js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
 <script>
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>
</body>
</html>